/*头部*/
.nav-bar{ height: 37px; background: #3d3d3d;}
.nav-bar .container{ height: 37px; }
#liUserCenterAlert a{ padding:0px; }
#liUserCenterAlert a:hover { background:none; }
#liUserName a:hover { background:none; }
.nav-bar .container ul li{ float:left; margin-left: 7px; list-style-type:none;}
.nav-bar .container ul li a{ border-radius: 10px; line-height: 21px; margin-top: 8px; padding:0 10px; display: inline-block; height: 21px; color: #fff; text-align: center;}
.nav-bar .container ul li.active a{ background: #45a2e0;}
.nav-bar .container ul li a:hover{ background: #45a2e0;}
/*logo*/
.logo-slogan{    border-bottom: 1px solid #dbd6d6;}
.logo-box{ height: 93px; padding-left: 1px;}
.logo-box .logo{ padding-left: 1px; padding-top: 18px; width: 165px;}
.logo-box .slogan{ line-height: 84px; }
.logo-box .slogan h1{ margin:0px; line-height:84px; color: #888888;}
.logo-box .slogan h1{ color: #888888;}
.logo-box .slogan h1{ color: #888888;margin: 0px;line-height: 90px;}
.logo-box .btn-menu{ text-indent: -999em; margin-top: 20px; margin-right: 10px; background: url(../images/menu-icon.png) no-repeat; width: 32px; height: 32px;}

/*首页导航*/
.nav-box{ height: 51px; line-height: 50px; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.nav-box nav ul.nav-list>li{ float: left; width: 127px; text-align: center;}
.nav-box nav ul.nav-list>li a{ color: #3d3d3d; }

.nav-box nav ul.nav-list>li.all{ width: 245px; margin-right: 14px; position: relative; }
.nav-box nav ul.nav-list>li.all>a{ background: #45a2e0; display: block; padding-top: 5px; height:46px; line-height: 46px; color: #fff; }

.nav-box nav li.all ul.sub-list{ z-index: 10; overflow: hidden; display: block; width: 246px; height: 442px; position: absolute; top:51px ; left: -1px; }
.nav-box nav li.all ul.sub-list li{ height: 86px; padding: 31px 0; background: url(../images/sub-item-bg.png); }
.nav-box nav li.all ul.sub-list li>a{ display: block;}
.nav-box nav li.all ul.sub-list li img{ float: left; margin-left: 10px;}
.nav-box nav li.all ul.sub-list li span, li.all ul.sub-list li h2{ float: left; margin-left: 15px;}
.nav-box nav li.all ul.sub-list li h2{ line-height: 28px; font-size: 18px; color: #fff; font-weight: 600; margin-bottom: 6px;}
.nav-box nav li.all ul.sub-list li span{ line-height: 24px; font-size: 14px; color: #9c9c9c; margin-top: 4px;} 

/*非首页导航栏*/
.logo-nav {
    padding-top: 25px; 
}
.logo-nav ul li a {
    color: rgb(51, 51, 51);
}


/*图片轮播*/
.slider-box{ height: 441px; width: 966px; position: relative; overflow: auto; }
.slider-box ul>li { float:left; width: 100%; height: 441px; background-repeat:no-repeat; }
.slider-box ul>li a { width: 100%; height: 441px; display:block; }

.unslider { float: left; border-top: 1px solid #e0e0e0; overflow: auto; width: 966px; margin: 0; padding: 0; height: 441px; }
.unslider-wrap { position: relative; }
.unslider-wrap.unslider-carousel > li { float: left; }
.unslider-vertical > ul { height: 100%; }
.unslider-vertical li { float: none; width: 100%; }
.unslider-fade { position: relative; }
.unslider-fade .unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8; }
.unslider-fade .unslider-wrap li.unslider-active { z-index: 10; }
.unslider li, .unslider ol, .unslider ul { list-style: none; margin: 0; padding: 0; border: none; }
.unslider-arrow { position: absolute; left: 20px; z-index: 2; cursor: pointer; }
.unslider-arrow.next { left: auto; right: 20px; }

.unslider-nav{ width: 966px;}
.unslider-nav ol { list-style: none; text-align: center;  margin-top:-31px; }
.unslider-nav ol li{ display: inline-block;width: 10px;height: 10px;margin: 0 4px; text-indent: -999em; background: #fff; border-radius: 5px; cursor: pointer; opacity: .5;
                       -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; font-size: 1px;}
.unslider-nav ol li.unslider-active{ background: #fff; width: 20px; opacity: 0.9; }

/*列表符号样式*/
ul.list-icon li{ background: url(../images/index-item-icon.png) no-repeat -0px -52px; }
ul.list-icon li:hover{ background-position: -0px -72px; }

/*如鹏消息*/
.mess-box { position: relative; width: 232px; height: 440px; border: 1px solid #e0e0e0; float:right; }
.mess-box .mess-title{ text-align: center; height: 46px; line-height: 46px; background: #45a2e0; color: #fff; font-size: 16px; font-weight: 600;}
.mess-box .mess-list { padding:0 10px;}
.mess-box .mess-list ul li{ letter-spacing:2px; font-size: 12px; line-height: 20px; margin-top: 16px; padding-left: 16px;white-space: nowrap;text-overflow:clip;overflow:hidden}
.mess-box .mess-list ul li a{ color: #312c27}
.mess-box .mess-list ul li a:hover{ color: #45a2e0;}

.mess-box .mess-more{ position: absolute; bottom: 0px; width: 212px; height: 38px; line-height: 38px; padding:0 10px; text-align: right; color: #45a2e0;}
.mess-box .mess-more a{ color: #45a2e0;}
/*加入方式*/
.join-box{ padding-top: 7px; height: 125px;}
.join-box .ml-7{ margin-left: 7px;}
.join-box .consult{ height: 83px; padding-top: 42px; width: 242px; background: #f4f4f4;}
.join-box .consult a{ color: #fff; display: block; margin: 0 auto; background: #45a2e0; border-radius: 3px; text-align: center; height: 39px; line-height: 39px; width: 132px;}
/*标题样式*/
.title-box{ border-bottom:1px dashed #b5b5b5; margin-left: 7px; height: 22px;  }
.title-box i{ float: left; width: 8px; height: 8px; margin-top: 8px; background: url(../images/index-item-icon.png) no-repeat 0 -100px; }
.title-box h2{line-height: 22px; float: left; margin-left: 12px; color: #232323; }
/*---------------通用样式---------------*/
/*课程列表样式*/
ul.lesson-list { margin-left: -25px;}
ul.lesson-list li{ height: auto; width: 220px; float: left; margin-left: 25px; margin-top: 26px; position: relative;}
ul.lesson-list li .img {height: 123px;}
ul.lesson-list li .img .tip{ position: absolute; left: 7px; top: 8px; display: inline-block; padding: 0 5px; height: 20px; line-height: 20px; background: #f8ad0d; font-size: 12px; color: #fff;}
ul.lesson-list li .img img{ width: 220px; height: 123px;}
ul.lesson-list li .desc{ padding-top: 12px; text-align: left;}
ul.lesson-list li .desc h3{ line-height: 16px; font-size: 12px; }

.num{ float: left; padding-left: 4px; width: 94px; line-height: 30px; font-size: 12px; color: #9f9f9f;}
.num i{ float: left; background: url(../images/index-item-icon.png) no-repeat;}
.num span{ float: left; margin-left: 4px;}
.view-num i{ height: 20px; width: 21px; margin-top: 8px; background-position: -25px -35px;}
.join-num i{ height: 20px; width: 15px; margin-top: 5px; background-position: -50px -35px;}


/*----------------common.css---------------*/
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
.pointer { cursor: pointer; }
.noborder { border: 0 none; }


.mtop8 { margin-top: 8px; }
.space { height: 0px; border: none; display: block; }
.ptop8 { padding-top: 8px; }
.hide { display: none; }
.tright { text-align: right; }
.tleft { text-align: left; }
.tcenter { text-align: center; }

.f14 { font-size: 14px!important; }
.f12 { font-size: 12px!important; }
.f15 { font-size: 15px!important; }
.f16 { font-size: 16px!important; }
.f18 { font-size: 18px!important; }
.f20 { font-size: 20px!important; }
.f22 { font-size: 22px!important; }
.mt10 { margin-top: 10px; }
.l16 { line-height: 16px; }
.l17 { line-height: 17px; }
.l18 { line-height: 18px; }
.l19 { line-height: 19px; }
.l20 { line-height: 20px; }
.l21 { line-height: 21px; }
.l22 { line-height: 22px; }
.l23 { line-height: 23px; }
.l24 { line-height: 24px; }
.l25 { line-height: 25px; }
.l26 { line-height: 26px; }
.l27 { line-height: 27px; }
.l28 { line-height: 28px; }
.l29 { line-height: 29px; }
.l30 { line-height: 30px; }
.fw600 { font-weight: 600; }
.clearboth{ clear: both;}
.clearfix:after{ display: block; height: 0; clear: both; visibility: hidden;}

.container-fluid{ width: 100%; height: auto;}
.fl{ float: left;}
.fr{ float: right;}

/*课程中心*/
.lesson-box{ height: 507px; background: #f8f7f6; margin-top:15px;}
.lesson-box{ height: 507px; background: #f8f7f6;}
.lesson-box{ height: 507px; background: #f8f7f6;margin-top: 15px;}
.lesson-box .title-box{ padding: 40px 0 22px 0;}
.lesson-box .content{ padding-bottom: 44px; height: auto; }
.lesson-box .content ul{ margin-left: -45px; height: auto; overflow: hidden;}
.lesson-box .content ul li{ border-bottom: 6px solid #fff;  background: #fff; float: left; margin-left: 45px; margin-top: 30px; width: 371px; height: 342px; }
.lesson-box .content ul li img{ height: 208px; width: 100%;}
.lesson-box .content ul li .desc{ padding: 16px 25px 0 25px;}
.lesson-box .content ul li .desc h3{line-height: 24px; font-size: 12px; }
.lesson-box .content ul li .desc .btn{ margin-top: 18px; }
.lesson-box .content ul li .desc .btn-weak{ margin-left: 17px;}
.lesson-box .content ul li:hover{ border-bottom: 6px solid #45a2e0;}

/*免费课程*/
.free-box .title-box{ padding: 46px 0 21px 0;}
.free-box .content{ height: 454px; padding: 4px 0 52px 0; }
.free-box .content ul li .desc{ height: 66px; }
.free-box .content ul li .desc .btn,.free-box .content ul li .desc .num{ margin-top: 11px; }    
.free-box .content ul li .desc .num{ padding-left: 0px; width: auto; }
.free-box .content ul li .desc .btn{ float: right;}

/*新闻块  模块*/
.news-box{ padding: 9px 22px 0 22px; border: 1px solid #e2e6e9; background: #fff; height: 329px;  }
.news-box .tit-box{ height: 50px; line-height: 50px; border-bottom: 1px solid #e2e6e9; }
.news-box .tit-box h3{ float: left; color: #312c27; font-weight: 600; font-size: 18px; }
.news-box .tit-box h3 small{ margin-left: 10px; font-size: 12px; color: #c4c4c4;}
.news-box .tit-box a.more{ float: right; color: #57a9e2; font-size: 12px;}
.news-box .content{ font-size: 12px; height: 270px; padding-top: 7px;}

.article-box{ padding-top: 50px; height: 399px; background: #f8f7f6;}
.article-box .news-1{ width: 668px;}
.article-box .news-1 ul.list-icon li{ padding-left: 27px; height: 20px; line-height: 20px; margin-top: 18px;}
.article-box .news-1 ul.list-icon li .tit{ color: #312c27; float: left;}
.article-box .news-1 ul.list-icon li .view{ float: right; width: 105px;}
.article-box .news-1 ul.list-icon li .view i{ background: url(../images/index-item-icon.png) no-repeat -25px -35px; width: 21px; height: 15px; float: left; margin-top: 3px; }
.article-box .news-1 ul.list-icon li .view span{ float: left; color: #9f9f9f; margin-left: 6px;}
.article-box .news-1 ul.list-icon li a:hover .tit{ color: #45a2e0;}
.article-box .news-1 ul.list-icon li a:hover .view span{ color: #45a2e0;}
.article-box .news-1 ul.list-icon li a:hover .view i{ background-position: 0 -35px;}

.article-box .news-2{ width: 400px;}
.article-box .news-2 ul li{ line-height: 20px; height: 20px; padding-left: 8px; margin-top: 21px;}
.article-box .news-2 ul li a{ color: #312c27 ;}
.article-box .news-2 ul li a:hover{ color: #45a2e0 ;}

.merit-box{ padding: 40px 0 26px 0; height: 40px;}
.merit-box ul li{ float: left; margin-left: 50px;}
.merit-box ul li:first-child{ margin-left: 0px;}
.merit-box ul li i.icon{ float: left; background: url(../images/merit-icon.png) no-repeat; width: 45px; height: 40px;}
.merit-box ul li span{ float: left; padding-top: 3px ; line-height: 37px; font-size: 14px; margin-left: 7px;}
.merit-box ul li i.icon-2{ background-position:-45px 0;}
.merit-box ul li i.icon-3{ background-position:-90px 0;}
.merit-box ul li i.icon-4{ background-position:-135px 0;}

.footer .top{  background: #292929;}
.footer .top .container{ height: 50px;}
.footer .top .container .left-box { padding-left: 50px;}
.footer .top .container .left-box ul{ height: 50px;}
.footer .top .container .left-box ul li{ background: url(../images/index-item-icon.png) no-repeat -75px -35px; height: 15px; float: left; padding-left: 10px; margin-top: 18px; margin-right: 30px; }
.footer .top .container .left-box ul li a{ line-height: 14px; height: 14px; display: block; color: #fff; font-size: 14px; } 
.footer .top .container .left-box p{line-height: 78px; padding-top: 5px; font-size: 24px; color: #fff; font-weight: 600;}
.footer .top .container .left-box p span{ margin-right: 60px;}
.footer .top .container .right-box{ width: 285px; height: 122px; padding: 13px 94px 0 0;}
.footer .top .container .right-box .qr{ width: 130px; margin-left: 12px; text-align: center;;}
.footer .top .container .right-box .qr p{ line-height: 28px; color: #fff; }

.footer .bottom{ height: 45px; background: #201f1f;}
.footer .bottom .container{ height: 45px; color: #797272; line-height: 45px; }
.footer .bottom .container{text-align: center;}
